<HTML>
<HEAD>
<TITLE>Waciwoci pageXOffset oraz pageYOffseet</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function leftFrame() {
    var output = "<HTML><BODY><H3>Wartoci offsetu strony</H3><HR>\n"
    output += "<FORM>PageXOffset: <INPUT TYPE='text' NAME='xOffset' SIZE=4><BR>\n"
    output += "PageYOffset: <INPUT TYPE='text' NAME='yOffset' SIZE=4><BR>\n"
    output += "</FORM></BODY></HTML>"
    return output
}

function rightFrame() {
    var output = "<HTML><HEAD><SCRIPT LANGUAGE='JavaScript'>\n"
    output += "function showOffsets() {\n"
    output += "parent.readout.document.forms[0].xOffset.value = self.pageXOffset\n"
    output += "parent.readout.document.forms[0].yOffset.value = self.pageYOffset\n}\n"
    output += "document.captureEvents(Event.CLICK)\n"
    output += "document.onclick = showOffsets\n"
    output += "<\/SCRIPT></HEAD><BODY><H3>Zawarto strony</H3>\n"
    output += "Przewi zawarto tej ramki i kliknij obramowanie tabeli, aby " + 
              "wywietli informacje o offsecie strony.<BR><HR>\n"
    output += "<TABLE BORDER=5 WIDTH=800>"
    var oneRow = "<TD>Komrka 1</TD><TD>Komrka 2</TD><TD>Komrka 3</TD>" + 
                 "<TD>Komrka 4</TD><TD>Komrka 5</TD>"
    for (var i = 1; i <= 30; i++) {
        output += "<TR><TD><B>Wiersz " + i + "</B></TD>" + oneRow + "</TR>"
    }
    output += "</TABLE></BODY></HTML>"
    return output
}
</SCRIPT>  
</HEAD>

<FRAMESET COLS="30%,70%">
  <FRAME NAME="readout" SRC="javascript:parent.leftFrame()">
  <FRAME NAME="display" SRC="javascript:parent.rightFrame()">
</FRAMESET>
</HTML>